<template>
  <div>{{ count }} --- {{ page }}</div>
  <button @click="add">click add me</button>
  <h4>{{ $store.hasModule('moduleA') }}</h4>
</template>

<script>
// 可以通过使用 createNamespacedHelpers 创建基于某个命名空间辅助函数。它返回一个对象，对象里有新的绑定在给定命名空间值上的组件绑定辅助函数
import { createNamespacedHelpers } from 'vuex'

const { mapState, mapMutations } = createNamespacedHelpers('moduleA')
export default {
  computed: {
    // 在 `moduleA` 中查找
    ...mapState({
      count: state => state.count,
      page: state => state.myPage.page // 访问嵌套模块 modules 中state中属性
    })
  },
  methods: {
    // 在 `moduleA` 中查找
    ...mapMutations({
      'add': 'increment'
    }),
  }
}
</script>

<style>

</style>